@charset "utf-8";
* { margin:0; padding:0; word-break:break-all; }
body { font-size:13px; margin:0px; padding:0px; background-repeat: repeat-x; font-family: "Microsoft Yahei"; }
a { color:#333; text-decoration:none; }
a:hover { text-decoration:underline; color: #CC0000; }
img { border:0; vertical-align:bottom; }
li { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
.c { clear:both; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.left { float:left; }
.right { float:right; }
.w1000 { width: 1000px; }
.w980 { width: 980px; }
.center { margin-right: auto; margin-left: auto; }
.top { width: 100%; position: relative; z-index: 2; }
/* 分页 */
#pages { font-family:"宋体"; line-height: 35px; height: 35px; padding-top: 14px; padding-right: 0; padding-bottom: 10px; padding-left: 0; text-align: center; }
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px }
#pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; border:1px solid #028f37; color:#fff; text-align:center; padding:0 10px; background-color: #028f37; }
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

.top1 { height: 30px; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; line-height:30px; color:#333333; }
.top1 a { color:#333333; text-decoration:none;}
.top1 span { float: right; height: 30px; line-height: 30px; }
.top1 span a { color:#333333; padding-left:8px; padding-right:8px;}
.logo { float: left; height: 90px; padding:10px 0}
.logo_right { float: right; height: 90px; width: 350px; }
.so { float: right; height: 30px; width: 250px; padding-top: 10px; }
.so .text{ border: 1px solid #e5e5e7; height: 35px; background-color: #fff; background-image: url(../images/so.png); background-repeat: no-repeat; background-position: 2px center; float: left; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 25px; line-height:35px;width:190px;box-sizing:border-box;}
.so .button{ background: #313b49; border: none; color: #fff; height: 35px; width: 60px; vertical-align: middle; text-align: center; cursor:pointer; float: left;box-sizing:border-box; }
.top_tel { float: right; height: 35px; background-image: url(../images/top_tel.png); background-repeat: no-repeat; background-position: left center; line-height: 35px; padding-left: 35px; font-size: 22pt; font-weight: bold; color: #CC0000; padding-top: 2px; padding-bottom: 8px; font-family: Georgia, "Times New Roman", Times, serif; }

.nav{ width:100%; height:43px; background-position: center top; background-color: #2c313b; background-image: url(../images/nav_bg2.png); background-repeat: repeat-x; }
.nav li{ float:left; width: 111px; height:43px; line-height:43px; text-align:center; font-size:15px; position:relative; }
.nav li a{ color:#FFFFFF; text-decoration:none; display:block; }
.nav li a.link{float:left;width: 111px;}
.nav ul li a:hover{ display:block; background-color: #e02e2e; }
.nav dl{ width:111px; font-size:12px; position:absolute; top:43px; left:0px; background-color: #FFFFFF;background-repeat: repeat-x; }
.nav dl dd { height:30px; line-height:30px;}
.nav dl dd a{ color:#333333; }
.nav dl dd a:hover{ color:#FFFFFF; background:#e02e2e; opacity:0.9; }
.nav  .nav_line { background-image: url(../images/nav_line.png); background-repeat: no-repeat; background-position: left top; float: left; height: 43px; width: 2px; }

.nav  .p_class2 { float: left; width: 250px; margin-bottom: 5px; text-align:left; padding-top: 5px; }
.nav .p_class2_title { font-size: 14px; line-height: 30px; font-weight: bold; text-align: center; float: left; height: 30px; width: 250px; display:block; }
/*.nav  .p_class2_title:hover { font-size: 14px; line-height: 30px; font-weight: bold; text-align: center; float: left; height: 30px; width: 250px; background-color: #000000; background-image: none; }
.nav .p_class2_title:hover a { color:#FFFFFF; text-decoration:none;}*/
.nav  .p_class2_title a { color:#CC0000; text-decoration:none; display:block:}
.nav  .p_class2_title a:hover { color:#FFFFFF; text-decoration:none; background-color: #000000; background-image: none;}
.nav  .p_class2_list { float: left; width: 245px; padding-top: 5px; text-align: left; background-repeat: no-repeat; background-position: right center; height: 300px; padding-right: 5px; }
.nav  .p_class2_ul { margin:0px; padding:0px; list-style-type:none; background-image: none;}
.nav  .p_class2_list .p_class2_ul dt { line-height: 30px; float: left; height: 30px; width: 230px; overflow: hidden; white-space: nowrap; padding-left: 15px; display:block; text-align: left; background-image: none; border-bottom-style: none; font-size: 13px; font-weight: normal; color: #333333; }
.nav  .p_class2_list .p_class2_ul dt a { color:#333333; text-decoration:none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; background-color: none; display:block }
.nav  .p_class2_list .p_class2_ul dt a:hover { color:#FFFFFF; text-decoration:none; line-height:30px; background-color: #000000; background-image: none; }
.nav  .p_class2_list .p_class2_ul dt:hover { color:#FFFFFF; text-decoration:none; display:block; background-image: none; background-color: #000000; }
.nav  .p_class2_list .p_class2_ul dt:hover a { color:#FFFFFF; text-decoration:none;}

/**banner**/
.main_image {width:100%; height:422px; border-top:1px solid #d7d7d7; overflow:hidden; margin:0 auto; position:relative}
.main_image ul {width:9999px; height:422px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:422px;}
.main_image li span {display:block; width:100%; height:422px}
.main_image li a {display:block; width:100%; height:422px}
.main_image li .img_1 { background-repeat: no-repeat; background-position: center top; }
.main_image li .img_2 {background: url('../images/img_main_2.jpg') center top no-repeat}
.main_image li .img_3 {background: url('../images/img_main_3.jpg') center top no-repeat}
.main_image li .img_4 {background: url('../images/img_main_4.jpg') center top no-repeat}
.main_image li .img_5 {background: url('../images/img_main_5.jpg') center top no-repeat}
div.flicking_con {width:990px; margin:0 auto; position:relative}
div.flicking_con .flicking_inner {position:absolute; top:360px; left:90px; z-index:999; width:300px; height:21px} /* 121126 */
div.flicking_con a { float:left; width:21px; height:21px; margin:0; padding:0; display:block; text-indent:-1000px; background-image: url(../images/btn_main_img.png); background-repeat: no-repeat; background-position: 0 0; }
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{ left:100px; background-image: url(../images/hover_left.png); background-repeat: no-repeat; background-position: left top; }
#btn_next{ right:100px; background-image: url(../images/hover_right.png); background-repeat: no-repeat; background-position: right top; }
.banner { width: 100%; position: relative; }
.main_visual { width: 100%; }
.class { float: left; width: 1000px; margin-top: 5px; }
.class_box { float: left; width: 240px;}
.box_title { line-height: 35px; float: left; height: 35px; width: 230px; padding-left: 10px; }
.box_title1 { line-height: 35px; float: left; height: 35px; width: 200px; padding-left: 40px; background-image: url(../images/title01.png); background-repeat: no-repeat; font-size: 15px; font-weight: bold; color: #FFFFFF; }
.box_list1 { padding: 4px; float: left; width: 230px; border: 1px double #CCCCCC;display:block;}
.box_list1:hover { padding: 4px; float: left; width: 230px; border: 1px double #CC0000;}
.ml13 { margin-left:13px;}
.box_ul { float: left; width: 230px; padding-top: 5px; padding-bottom: 5px; }
.box_ul li { background-image: url(../images/ico-1.gif); background-repeat: no-repeat; background-position: 2px center; line-height: 30px; float: left; height: 30px; width: 220px; padding-left: 10px; }
.main { float: left; width: 1000px; margin-top: 5px; }
.about { float: left; width: 1000px; border-top-width: 4px; border-top-style: solid; border-top-color: #CC0000; }
.about_left { float: left; width: 650px; }
.about_title { font-size: 16px; line-height: 35px; font-weight: bold; color: #333333; height: 35px; width: 640px; padding-left: 10px; }
.about_title i { font-size: 13px; font-style: normal; line-height: 35px; font-weight: normal; color: #666666; height: 35px; padding-left: 5px; }
.more { font-size: 13px; line-height: 35px; font-weight: normal; float: right; margin-right: 5px; padding-right: 20px; background-image: url(../images/biao17.gif); background-repeat: no-repeat; background-position: right center; height: 35px; width: 30px; }
.about_txt { line-height: 25px; color: #333333; padding: 5px; float: left; width: 640px; }
.about_txt span { float: left; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; }
.contact { float: right; width: 310px; padding-left: 20px; background-image: url(../images/line.png); background-repeat: no-repeat; background-position: left center; height: 250px; }
.contact_title { font-size: 16px; line-height: 35px; font-weight: bold; color: #333333; float: left; height: 35px; width: 310px; }
.contact_title i { font-size: 13px; font-style: normal; line-height: 35px; font-weight: normal; height: 35px; color: #666666; padding-left: 5px; }
.contact_txt { line-height: 28px; color: #333333; float: left; width: 310px; padding-top: 5px; padding-bottom: 5px; }
.index_products { float: left; width: 1000px; margin-top: 10px; position: relative; }
.products_title { font-size: 16px; line-height: 40px; font-weight: bold; color: #333333; float: left; height: 40px; width: 1000px; background-image: url(../images/line2.png); background-repeat: repeat-x; background-position: center center; position: relative; display:block; }
.products_title h2 { font-size: 16px; line-height: 40px; font-weight: bold; color: #333333; background-color: #f0f0f0; text-align: center; height: 40px; width: 100px; float: left; }
.products_title:hover h2 { font-size: 16px; line-height: 40px; font-weight: bold; color: #FFFFFF; background-color: #FF3300; text-align: center; height: 40px; width: 100px; float: left; }
.products_title:hover span { float: right; font-size: 13px; line-height: 25px; font-weight: normal; height: 25px; position:relative; background-color: #F0F0F0; margin-top: 5px; margin-right: 5px; border: 1px solid #FF3300; padding-right: 5px; padding-left: 5px; }
.products_title:hover span a { color:#FF3300; text-decoration:none;}
.products_title span { float: right; font-size: 13px; line-height: 25px; font-weight: normal; height: 25px; position:relative; background-color: #F0F0F0; margin-top: 5px; margin-right: 5px; border: 1px solid #e2e2e2; padding-right: 5px; padding-left: 5px; }

.products_list { float: left; width: 1000px; padding-top: 8px; padding-bottom: 8px; position: relative; }

.products_list li { float: left; width: 238px; border: 1px solid #dbdbdb; position: relative; margin-top: 2px; margin-bottom: 8px; }
.products_list span { padding: 2px; float: left; width: 234px; position: relative;  }
.products_list p { font-size: 14px; line-height: 35px; font-weight: bold; color: #333333; float: right; height: 35px; width: 228px; padding-right: 5px; padding-left: 5px; position: relative;  }
.products_list dt { line-height: 22px; color: #666666; float: left; width: 228px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; position: relative;  }
.products_list em { line-height: 40px; color: #666666; background-color: #f6f6f6; float: left; height: 40px; width: 228px; font-size: 13px; font-style: normal; border-top-width: 1px; border-top-style: solid; border-top-color: #dbdbdb; padding-right: 5px; padding-left: 5px; position: relative; }
.products_list li dd{ text-decoration:none; float: left; height: 60px; width: 60px; position: absolute; left: 0px; top: 0px; }
.products_list i { width:50px; height:30px; font-size: 13px; font-style: normal; line-height: 30px; color: #FFFFFF; text-align: center; float: left; position: absolute; top: 260px; right: 5px; visibility:hidden; background-color: #FF3300;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.products_list li:hover { float: left; width: 238px; border: 1px solid #FF3300; position: relative; margin-top: 2px; margin-bottom: 8px; }
.products_list li:hover em { background-color:#ff3300; color:#FFFFFF;}
.products_list li:hover i { width:50px; height:30px; font-size: 13px; font-style: normal; line-height: 30px; color: #FFFFFF; text-align: center; float: left; position: absolute; top: 200px; right: 5px; visibility:visible; background-color: #FF3300; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.products_list li:hover i a { color:#FFFFFF; text-decoration:none;}
.news { float: left; width: 1000px; margin-top: 10px; border-top-width: 4px; border-top-style: solid; border-top-color: #CC0000; }
.news1 { float: left; width: 350px; }
.news1_title { font-size: 15px; line-height: 35px; font-weight: bold; color: #333333; float: left; height: 35px; width: 330px; background-image: url(../images/1_48.jpg); background-repeat: no-repeat; background-position: 5px center; padding-left: 20px; }
.news1_title span { line-height: 20px; float: right; height: 20px; padding-top: 10px; padding-right: 5px; }
.news1_list { padding: 5px; float: left; width: 340px; }
.news1_list li { float: left; height: 32px; width: 330px; padding-left: 10px; line-height: 32px; background-image: url(../images/1_93.jpg); background-repeat: no-repeat; background-position: 0px center; }
.news1_list span { line-height: 32px; color: #666666; float: right; height: 32px; }
.case { float: right; width: 260px; position: relative; }
.case_title { font-size: 15px; line-height: 35px; font-weight: bold; color: #333333; float: left; height: 35px; width: 240px; background-image: url(../images/1_48.jpg); background-repeat: no-repeat; background-position: 5px center; padding-left: 20px; }
.case_title span { line-height: 20px; float: right; height: 20px; padding-top: 10px; padding-right: 5px; }
.case_flash { float: left; width: 250px; position: relative; padding: 4px; margin-top: 5px; border: 1px solid #e2e2e2; }

.FocusPic { zoom:1; position:relative; overflow:hidden; float: left; height: 240px; width: 250px; }
.FocusPic .content { overflow:hidden }
.FocusPic .changeDiv a { position:absolute; top:0px; left:0px; display:none; }
.FocusPic .title-bg, .FocusPic .title { position:absolute; left:0px; bottom:0; width:250px; height:30px; line-height:30px; overflow:hidden }
.FocusPic .title-bg { background:#000; filter:alpha(opacity=20); opacity:0.2; }
.FocusPic .title a { display:block; padding-left:15px; color:#fff; font-size:14px; }
.FocusPic .change { bottom:4px; height:20px; right:3px; *right:5px;
_right:4px; position:absolute; text-align:right; z-index:9999; }
.FocusPic .change i { background:#666; color:#FFF; cursor:pointer; font-family:Arial; font-size:12px; line-height:15px; margin-right:2px; padding:2px 6px; font-style:normal; height:15px; display:inline-block; display:-moz-inline-stack; zoom:1; *display:inline;
}
.FocusPic .change i.cur { background-color: #FF3300; }
.bottom { width: 100%; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; border-top-width: 3px; border-top-style: solid; border-top-color: #1c1c1c; background-image: url(../images/bottom_bg.png); background-repeat: repeat-x; }
.copyright { line-height: 25px; color: #666666; text-align: center; float: left; width: 1000px; padding-top: 5px; }
.flink { line-height: 25px; color: #666666; float: left; width: 1000px; }
.flink a { color:#666666; padding-left:8px; padding-right:8px;}
.flink a:hover { color:#CC0000; text-decoration:none; }
.banner2 { background-repeat: repeat-x; background-position: center center; width: 100%; }
#page_about { background-image: url(../images/page_about.jpg); height:196px; }
#page_news { background-image: url(../images/banner_news.png); height:196px; }
#page_products { background-image: url(../images/pro-center.jpg); height:196px; }
#page_other { background-image: url(../images/banner_other.png); height:196px; }

.page_left { float: left; width: 240px; }
.nav2 { background-image: url(../images/nav2_bg.jpg); background-repeat: no-repeat; background-position: center bottom; float: left; height: 50px; width: 1000px; padding-top: 10px; padding-bottom: 10px; }
.nav2 li { line-height: 50px; text-align: center; float: left; height: 50px; width: 108px; font-size: 15px; }
.nav2 ul { float: left; width: 900px; padding-left: 75px; }
.nav2 li  a { color:#333333; text-decoration:none;}
.nav2 li  a:hover { color:#FF0000; text-decoration:none; }
.nav2 .cur2 a {color:#FF0000; text-decoration:none;font-weight: bold;  }.page_title { font-size: 14pt; line-height: 50px; font-weight: bold; color: #333333; float: left; height: 50px; width: 960px; padding-left: 20px; padding-top: 20px; }
.page_content { line-height: 28px; color: #333333; padding: 10px; float: left; width: 980px; }
.left_title { font-size: 15px; line-height: 35px; font-weight: bold; color: #333333; float: left; height: 35px; width: 240px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; }
.left_menu { float: left; width: 240px; padding-top: 5px; padding-bottom: 5px; }
.left_menu li { line-height: 35px; background-image: url(../images/ico-4.png); background-repeat: no-repeat; background-position: 2px center; float: left; height: 35px; width: 225px; padding-left: 15px; font-size: 14px; }
.left_list { float: left; width: 240px; padding-top: 5px; padding-bottom: 5px; }
.left_list li { line-height: 30px; background-image: url(../images/ico-1.gif); background-repeat: no-repeat; background-position: 2px center; float: left; height: 30px; width: 230px; padding-left: 10px; }
.left_listpic { float: left; width: 240px; padding-top: 5px; padding-bottom: 5px; }
.left_listpic li { float: left; width: 240px; }
.left_listpic span { float: left; width: 240px; }
.left_listpic p { line-height: 35px; float: left; height: 35px; width: 240px; }
.page_right { float: right; width: 740px; }
.position { font-size: 15px; line-height: 35px; font-weight: bold; color: #CC0000; float: left; height: 35px; width: 740px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; }
.position span { font-size: 13px; line-height: 35px; font-weight: normal; color: #333333; float: right; height: 35px; padding-right: 5px; }
.list { padding: 5px; float: left; width: 730px; margin-top: 8px; margin-bottom: 8px; }
.list_txt { margin: 0px; padding: 0px; }
.list_txt li { line-height: 33px; background-image: url(../images/ico-1.gif); background-repeat: no-repeat; background-position: 5px center; float: left; height: 33px; width: 715px; padding-left: 15px; }
.list_txt span { line-height: 33px; color: #666666; float: right; height: 33px; padding-right: 5px; }
.read { padding: 10px; float: left; width: 720px; margin-top: 5px; margin-bottom: 5px; }
.read_title { font-size: 18pt; line-height: 35px; font-weight: bold; color: #333333; text-align: center; float: left; width: 720px; padding-bottom: 5px; }
.read_info { line-height: 30px; text-align: center; float: left; height: 30px; width: 720px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; }
.read_content { line-height: 28px; color: #333333; padding: 10px; float: left; width: 700px; margin-top: 5px; margin-bottom: 5px; }
.read_about { float: left; width: 720px; margin-top: 10px; border-top-width: 3px; border-top-style: solid; border-top-color: #333333; }
.read_about_t { line-height: 35px; float: left; height: 35px; width: 720px; }
.read_about_t span { font-size: 15px; line-height: 35px; font-weight: bold; color: #333333; float: left; height: 35px; width: 350px; }
.read_about_list { padding: 5px; float: left; width: 350px; }
.read_about_list li { line-height: 30px; background-image: url(../images/ico-1.gif); background-repeat: no-repeat; background-position: 2px center; float: left; height: 30px; width: 340px; padding-left: 10px; }
.times { line-height: 30px; color: #666666; float: right; height: 30px; }
.read2 { float: left; width: 1000px; margin-top: 20px; padding-top: 10px; padding-bottom: 10px; position: relative; }
.p_flash { float: left; width: 500px; position: relative; }

/* flexslider */
.flexslider{ position:relative; width:500px; height:360px; overflow:hidden; zoom:1; }
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
.read_pinfo { float: right; width: 460px; }
.read_pinfo h1 { font-size: 16pt; line-height: 35px; font-weight: bold; color: #333333; float: left; width: 460px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #e2e2e2; }
.read_pinfo dt { line-height: 25px; color: #666666; float: left; width: 460px; }
#p_dianhua { line-height: 40px; color: #333333; float: left; height: 40px; width: 460px; padding-top: 10px; padding-bottom: 10px; }
#p_dianhua i { font-size: 17pt; font-weight: bold; color: #CC0000; font-style: normal; }
.read_title2 { line-height: 40px; float: left; height: 40px; width: 980px; margin-top: 15px; border-top-width: 1px; border-top-style: solid; border-top-color: #e2e2e2; padding-left: 20px; font-size: 15px; font-weight: bold; color: #333333; }
.read_content2 { line-height: 28px; color: #333333; padding: 10px; float: left; width: 980px; }
.read_content2 img { max-width:980px; height:auto;}.list_pic { margin: 0px; padding: 0px; }
.list_pic li { padding: 10px; float: left; width: 162px; }
.list_pic span { float: left; width: 162px; }
.list_pic dt { line-height: 35px; float: left; height: 35px; width: 162px; text-align: center; }
.banner_other { font-size: 20pt; line-height: 50px; font-weight: bold; color: #FFFFFF; float: left; height: 50px; width: 980px; padding-top: 60px; padding-left: 20px; }
.order { float: left; width: 900px; padding-right: 40px; padding-left: 40px; }
.table_form { line-height:30px; color:#333333; font-size:13px;}
.table_form td,.table_form tr { line-height:30px; padding:5px;}
.input-text { line-height:25px; margin-top:3px; height:25px;}
.order_tj { width:80px; height:25px; line-height:25px; text-align:center; background-color:#CC0000; color:#FFFFFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.box_pic { float: left; width: 230px; }

.case2 { float: left; width: 1000px; padding-top: 10px; padding-bottom: 10px; overflow: hidden; }
.case2 ul { width: 100%; }
.case2 li { padding: 10px; float: left; width: 180px; }
.case2 span { padding: 1px; float: left; width: 176px; border: 1px solid #e2e2e2; }
.case2 p { width:170px; float:left; line-height:25px; text-align:center; padding:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }